body{background:#fff;}
body,form{margin:0;padding:0;font:12px/180% "MicroSoft Yahei","宋体";color:#333;}
*{font-family:"MicroSoft Yahei","宋体";margin:0;padding:0;}/*此地方不要加颜色属性*/
.ul,li{list-style:none;}
.width {
    width: 1200px;
    margin-left: auto;
    margin-right:auto;
    overflow: hidden;
}
.l{float:left;}
.r{float:right;}
.c{clear:both;}
.m{margin-top:10px;}
.red{color:#f30;}
.dis{display:none;}
.m10{margin:10px;}

.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}

.mb10{margin-bottom:10px;}

.mtb{ margin-top:10px; margin-bottom:10px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb30{margin-top:30px;margin-bottom:30px;}
.mtb40{margin-top:40px;margin-bottom:40px;}
.mtb50{margin-top:50px;margin-bottom:50px;}

a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#f30;}
img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

#left {
    float: left;
    width: 280px;
    margin-right: 20px;
    background:#f7f7f7;
    padding-bottom:30px;
}
.left_title{
    width:100%;
    height:50px;line-height:50px;
    background:#0093d7;
    color:#fff;
    font-size:20px;
    text-indent:20px;
    margin-bottom:20px;
}

.class_list {
    width:100%;
    height:auto;overflow:hidden;
    font-size:13px;
}
.class_list a{color:#fff;}
.class_list dd {
    width:80%;
    background:#0093d7;
    height:35px;overflow:hidden;
    line-height: 35px;
    margin:10px auto;
    text-indent:40px;
}
.class_list dd:hover{background:#007db7;}
    .class_list dt {
        width: 80%;
        height: 35px;
        overflow: hidden;
        line-height: 35px;
        background: #999;
        margin: 10px auto;
        text-indent: 40px;
    }
.class_list dt:hover{background:#818181;}

#right{float:left;width:900px;}
.zzList{
    width:100%;
    height:auto;overflow:hidden;
}

.zzPosition{
    width:100%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
}
.zzPosition dd{
    width:20%;float:left;
    height: 35px;
    line-height: 35px;
}
.zzPosition dd h1{font-size:20px;font-weight:normal;color:#0093d7;}
.zzPosition dd h2{font-size:20px;font-weight:normal;color:#0093d7;}
.zzPosition dt{
    width:80%;float:left;
    height: 35px;
    line-height: 35px;
    text-align:right;
}
.zzPosition dt span{color:#0093d7;font-size:13px;}

.nopic{border:1px solid #C1E7AA;margin:0 6px 1px 0;}
.vote_bnt{background:url(../images/zzcms.gif) 0 -212px;width:66px;height:28px;line-height:28px;border:0;text-align:center;font-size:14px;color:#46A407;margin:4px;}

.info_title{margin:10px 0;font:100 18px Microsoft Yahei;text-align:center;}
.info_other{text-align:center;color:#999;margin:4px 0;}
.info_jj{border:1px solid #FDCC97;background:#FEFCFA;padding:10px;margin:10px 20px;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;}
.info_jj a{font-family:verdana;color:#00f;}
.info_jj a:hover{color:#f30;}
.info_jj span{font-weight:bold;color:#000;}
.info_pic{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
.info_pic img{max-width:100%;}
.info_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
}
.info_content img{max-width:100%;}
.other_content {
    width:100%;
    height:auto;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    line-height: 26px;
    font-size: 14px;
}
.other_content img{max-width:100%;}

.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}
/*分页部分*/
.List_page{text-align:center;margin-bottom:10px;}
.List_page a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #eee;color:#A0A0A0;}
.List_page span{background:#0093d7;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #0093d7;}
/*内容分页部分*/
.content_page{}
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}

.list_news{
    width:96%;
    height:auto;overflow:hidden;
    border-bottom:1px solid #eee;
    margin:8px 0;
    padding:5px 2%;
}
.list_news:hover{background:#f8f8f8;}
.list_news dd{
    width:90%;float:left;
    height:auto;overflow:hidden;
    line-height:20px;
}
.list_news dd a{font-size:16px;}
.list_news dd div{
    width:100%;
    height:auto;overflow:hidden;
    line-height:16px;
    color:#b5b5b5;
    margin:5px 0;
    font-size:11px;
}
.list_news dt{
    width:10%;float:left;
    text-align:center;
    color:#999;
    line-height:30px;
}
.list_news dt span{font-size:26px;color:#666;font-weight:bold;}


.list_photo{
    width:250px;float:left;
    border:1px solid #eee;
    margin:15px 10px 15px 28px;
}
.list_photo:hover{box-shadow:0 0 15px #eee;}
.list_photo div{
    width:100%;
    text-align:center;
}
    .list_photo div img {
        width: 230px;
        height: 170px;
        margin: 10px 0 0 0;
    }
.list_photo h2 {
    width: 100%;
    height:auto;overflow:hidden;
    margin-bottom: 10px;
    text-align:center;
}
.list_photo h2 a{font-size:14px;}
.list_photo h3{
    width: 90%;
    margin: 5px auto 5px auto;
    height:auto;overflow:hidden;
    line-height:18px;
    color:#999;
    font-size:11px;
}


@media(max-width:720px){
    .width {
        width: 94%;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
    }

    #left {
        width: 100%;
        margin-right: 0;
    }
    .left_title {display:none;}

        .class_list dd {
            width: 48%;
            float:left;
            margin: 10px 1% 0 1%;
            text-indent:20px;
        }

            .class_list dd:hover {
                background: #007db7;
            }

    .class_list dt {
        width: 48%;
        float: left;
        margin: 10px 1% 0 1%;
        text-indent: 20px;
    }

    #right {
        width:100%;
        margin-top:20px;
    }

        .zzPosition dd {
            width: 100%;
        }

        .zzPosition dt {
            width: 100%;
        }
        .list_news dd {
            width: 80%;
        }

        .list_news dt {
            width: 20%;
        }


    .list_photo {
        width: 47%;
        margin: 15px 1%;
    }

        .list_photo div {
            width: 100%;
            text-align: center;
        }

            .list_photo div img {
                width: 100%;
                height: 140px;
            }

        .list_photo h2 {
            width: 100%;
            height: 40px;line-height:40px;
            overflow: hidden;
            margin-bottom: 10px;
            text-align: center;
            font-size:16px;
        }

            .list_photo h3 {
                width: 90%;
                margin: 5px auto 5px auto;
                height: auto;
                overflow: hidden;
                line-height: 18px;
                color: #999;
                font-size: 12px;
            }

}